Skip to main content
Quang Liem
💬
0 discussions

CDRS App

I. Functionality​

  • Allow user to view CDRS data
  • Allow user to restore callog
  • Allow user to restore record

II. Packages​

1. Dependencies​

1.1 Server​

  • Axios - A library for making HTTP requests from node.js Axios
  • Bcryptjs - Optimized bcrypt in JavaScript with zero dependencies. Compatible to the C++ bcrypt binding on node.js and also working in the browser. Bcryptjs
  • Body-parser - Node.js body parsing middleware Body-parser
  • Cheerio - Fast, flexible & lean implementation of core jQuery designed specifically for the server. Cheerio
  • Connect-mongo - MongoDB session store for Connect and Express Connect-mongo
  • Cors - Node.js CORS middleware Cors
  • Dotenv - Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env Dotenv
  • Express-session - Simple session middleware for Express Express-session
  • Express - Fast, unopinionated, minimalist web framework for node. Express
  • Jsonwebtoken - An implementation of JSON Web Tokens. Jsonwebtoken
  • Morgan - HTTP request logger middleware for node.js Morgan
  • Node-schedule - A cron-like and not-cron-like job scheduler for Node. Node-schedule
  • Nodemon - Simple monitor script for use during development of a node.js app. Nodemon
  • Path - Node.JS path module Path
  • Request - Simplified HTTP request client. Request
  • Wysiwyg-editor-node-sdk - Node.js SDK for WYSIWYG Editor Wysiwyg-editor-node-sdk

1.2 Client​

  • @babel/runtime-corejs2 - A runtime for Babel v7 (Babel 7) Babel/runtime-corejs2
  • @fortawesome/fontawesome-svg-core - The iconic SVG, font, and CSS toolkit Fontawesome/fontawesome-svg-core
  • @fortawesome/free-solid-svg-icons - The iconic SVG, font, and CSS toolkit Fontawesome/free-solid-svg-icons
  • @fortawesome/vue-fontawesome - The iconic SVG, font, and CSS toolkit Fontawesome/vue-fontawesome
  • @johmun/vue-tags-input - A tags input component for Vue.js Johmun/vue-tags-input
  • Axios - Promise based HTTP client for the browser and node.js Axios
  • Bindings - Helper functions for observing and reacting to changes in data Bindings
  • Bootstrap-vue - BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup. Bootstrap-vue
  • Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. Bootstrap
  • Dotenv-webpack - A secure webpack plugin that supports dotenv and other environment variables and only exposes what you choose and use. Dotenv-webpack
  • File-uri-to-path - Convert a file: URI to a file path File-uri-to-path
  • I - A small, simple utility for conditional rendering in React. I
  • Nan - Native Abstractions for Node.js Nan
  • Npm - A package manager for JavaScript Npm
  • Popper.js - A kickass library to manage your poppers Popper.js
  • Vue-axios - Secure and easy axios integration with Vue.js Vue-axios
  • Vue-cookies - Cookies for Vue.js Vue-cookies
  • Vue-csv-downloader - A plugin that adds a CSV downloader to Vue.js components Vue-csv-downloader
  • Vue-flatpickr-component - Vue.js component for Flatpickr datetime picker Vue-flatpickr-component
  • Vue-input-tag - Vue.js 2.0 Input Tag Component Vue-input-tag
  • Vue-loading-overlay - Vue.js component for full screen loading indicator Vue-loading-overlay
  • Vue-router - The official router for Vue.js Vue-router
  • Vue - Reactive, component-oriented view layer for modern web interfaces. Vue

2. Dev dependencies​

2.1. Server​

2.2. Client​

  • Autoprefixer - Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website Autoprefixer
  • Babel-core - Babel compiler core. Babel-core
  • Babel-helper-vue-jsx-merge-props - Turn JSX props into an array Babel-helper-vue-jsx-merge-props
  • Babel-loader - This package allows transpiling JavaScript files using Babel and webpack. Babel-loader
  • Babel-plugin-syntax-jsx - Allow parsing of JSX Babel-plugin-syntax-jsx
  • Babel-plugin-transform-runtime - Externalise references to helpers and builtins, automatically polyfilling your code without polluting globals Babel-plugin-transform-runtime
  • Babel-plugin-transform-vue-jsx - babel plugin for vue 2.0 jsx Babel-plugin-transform-vue-jsx
  • Babel-preset-env - A Babel preset for each environment. Babel-preset-env
  • Babel-preset-stage-2 -
  • Bindings -
  • Chalk -
  • Copy-webpack-plugin -
  • Css-loader -
  • Extract-text-webpack-plugin -
  • File-loader -
  • File-uri-to-path -
  • Friendly-errors-webpack-plugin -
  • Html-webpack-plugin -
  • Jquery -
  • Nan -
  • Node-notifier -
  • Optimize-css-assets-webpack-plugin -
  • Ora -
  • Portfinder -
  • Postcss-import -
  • Postcss-loader -
  • Postcss-url -
  • Rimraf -
  • Semver -
  • Shelljs -
  • Uglifyjs-webpack-plugin -
  • Url-loader -
  • Vue-loader -
  • Vue-style-loader -
  • Vue-template-compiler -
  • Webpack-bundle-analyzer -
  • Webpack-dev-server -
  • Webpack-merge -
  • Webpack -

III. Source tree​

IV. Installation​

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.